
<script type="text/javascript" src="../js/awesomechart.js"></script>
<!--                        
<script type="application/javascript">
      function drawMyChart(){
        if(!!document.createElement('canvas').getContext){ //check that the canvas
                                                           // element is supported
            var mychart = new AwesomeChart('canvas1');
            mychart.title = "Product Sales - 2010";
            mychart.data = [1532, 3251, 3460, 1180, 6543];
            mychart.labels = ["Desktops", "Laptops", "Netbooks", "Tablets", "Smartphones"];
            mychart.draw();
        }
      }
      
      window.onload = drawMyChart;
</script> 
-->                      
<div data-role="page">
	<div data-role="header">
		<a class="backBtn" href="#" data-type="button" data-rel="popup"
					data-rel="back" data-icon="arrow-l" data-iconpos="notext" data-position-to="left">Menu</a>
		<h1>Order History</h1>
		<div data-role="navbar">
		
			<ul>
				<li><a href="driver-book-history.html" >Book Now</a></li>
				<li><a href="driver-order-history.html">Order Taxi</a></li>
				<li><a href="#" class="ui-btn-active">Chart</a></li>
			</ul>
		</div>
	</div>
	<div data-role="content" data-theme="e">
		<div data-role="fieldcontain" align="center">
            <select id="selectmenu1" name="" data-mini="true">
                <option value="1">
                    Monthly Statistical  
                </option>
                <option value="2">
                    Weekly Statistical 
                </option>
                <option value="3">
                    Daily Statistical 
                </option>
                <option value="4">
                    Annual Statistical
                </option>
            </select>
        </div>	
		
		<canvas id="canvas1" width="300" height="300">
	        Your web-browser does not support the HTML 5 canvas element.
	    </canvas>
	    <canvas id="canvas2" width="300" height="300">
	        Your web-browser does not support the HTML 5 canvas element.
	    </canvas>
	    <canvas id="canvas3" width="300" height="300">
	        Your web-browser does not support the HTML 5 canvas element.
	    </canvas>
	    
	    <div data-role="controlgroup" data-type="horizontal" data-theme="e" align="center">
			<a data-role="button" id="pie-chart-btn" data-inline="true">Pie</a>
			<a data-role="button" id="Horizontal-bar-chart-btn" data-inline="true">Bar</a>
			<a data-role="button" id="Pareto-chart-btn" data-inline="true">Pareto</a>
		</div>	
		<hr />
		 		
 		<div data-role="controlgroup">
	   		<a href="driver-area-statistic.html" data-role="button" id="view-more-btn">area</a>
	<!--   		<a href="sample.html" data-role="button" id="view-weather-btn" >weather</a> --> 
	   		<a href="event-list.html" data-role="button" id="btn">event</a>
		</div>	
	</div>
	
	<div></div>
	
	<script type="text/javascript" src="../js/awesomechart.js"></script>

	<script src="../js/driver-chart.js"></script>

</div>